<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
<title>KS Car Rental</title>
</head>

<body>
    <div id="page">
      <div id="pagetop">
		<h1>KS Car Rental</h1>
        <div class="links">    	
             <ul>
                <li><a href="http://localhost:8080/CarRental/Help.html">Help</a></li>
                <li><a href="http://localhost:8080/CarRental/ContactUs.html">Contact Us</a></li>
                <li><a href="http://localhost:8080/CarRental/AboutUs.html">About</a></li>
                <li><a href="http://localhost:8080/CarRental/ReturnCar.html">ReturnCar</a></li>
               	<li><a href="http://localhost:8080/CarRental/home.html">RentCar</a></li>
           	   	<li><a href="http://localhost:8080/CarRental/Welcome.html">Home</a></li>
                
            </ul>
		
        </div>
     </div>
        
        <div id="header">   Reach the Road to success     </div>
  
<div id="main">
	<div class="content">
        	<div class="main_top">
            	<h1>Home</h1>
            </div>
            
           	<div class="main_body">	
		<table cellpadding="0" cellspacing="0" width="500" border="0">
			<form name="homePageForm" id="theHomePageForm" method="post" action="actionClassTypeNew.jsp">
				<tr>
					<td colspan="4">
						<h1>Make a car rental reservation</h1>
					</td>
				</tr>
			
			<tr>
				<td>
					<table cellpadding="0" cellspacing="0" border="0">
						<!-- start date restriction -->
						<tr>
							<td>
							<h2>Pick Up Date &amp; Time</h2>
							<br>
							</td>
						</tr>
						<tr>
							<td colspan="4" valign="middle" align="left">
								<fieldset id="startDate" class="datepicker">
									<select name="startDateMonth" id="startDateMonth"
										class="yearmonth"><option value="201304"
											selected="selected">Apr</option>
										<option value="201305">May</option>
										<option value="201306">Jun</option>
										<option value="201307">Jul</option>
										<option value="201308">Aug</option>
										<option value="201309">Sep</option>
										<option value="201310">Oct</option>
										<option value="201311">Nov</option>
										<option value="201312">Dec</option>
										<option value="201401">Jan</option>
										<option value="201402">Feb</option>
										<option value="201403">Mar</option>
										<option value="201404">Apr-14</option></select> <input type="text"
										name="startDateInput" maxlength="2" size="2" value="24"
										id="startDateInput" class="day"> <!-- <a
										id="calendarIconStart" href="#"><img
										alt="Calendar to pick car rental date"
										src="Images/ico_calendar.gif" /></a> <select name="startDateTime"
										class="time"><option value="0001">Midnight</option>
										<option value="0030">12:30 am</option>
										<option value="0100">1:00 am</option>
										<option value="0130">1:30 am</option>
										<option value="0200">2:00 am</option>
										<option value="0230">2:30 am</option>
										<option value="0300">3:00 am</option>
										<option value="0330">3:30 am</option>
										<option value="0400">4:00 am</option>
										<option value="0430">4:30 am</option>
										<option value="0500">5:00 am</option>
										<option value="0530">5:30 am</option>
										<option value="0600">6:00 am</option>
										<option value="0630">6:30 am</option>
										<option value="0700">7:00 am</option>
										<option value="0730">7:30 am</option>
										<option value="0800">8:00 am</option>
										<option value="0830">8:30 am</option>
										<option value="0900">9:00 am</option>
										<option value="0930">9:30 am</option>
										<option value="1000">10:00 am</option>
										<option value="1030">10:30 am</option>
										<option value="1100">11:00 am</option>
										<option value="1130">11:30 am</option>
										<option value="1200" selected="selected">Noon</option>
										<option value="1230">12:30 pm</option>
										<option value="1300">1:00 pm</option>
										<option value="1330">1:30 pm</option>
										<option value="1400">2:00 pm</option>
										<option value="1430">2:30 pm</option>
										<option value="1500">3:00 pm</option>
										<option value="1530">3:30 pm</option>
										<option value="1600">4:00 pm</option>
										<option value="1630">4:30 pm</option>
										<option value="1700">5:00 pm</option>
										<option value="1730">5:30 pm</option>
										<option value="1800">6:00 pm</option>
										<option value="1830">6:30 pm</option>
										<option value="1900">7:00 pm</option>
										<option value="1930">7:30 pm</option>
										<option value="2000">8:00 pm</option>
										<option value="2030">8:30 pm</option>
										<option value="2100">9:00 pm</option>
										<option value="2130">9:30 pm</option>
										<option value="2200">10:00 pm</option>
										<option value="2230">10:30 pm</option>
										<option value="2300">11:00 pm</option>
										<option value="2330">11:30 pm</option></select> -->
									<p id="calendarStartDate"></p>
								</fieldset>
							</td>
						</tr>
						<tr>
							<td colspan="4" valign="top" align="left" class="inlineh2">
								<h2>Return Date &amp; Time&nbsp;&nbsp;</h2>
							</td>
						</tr>
						<tr>
							<td colspan="4" valign="top" align="left">
								<fieldset id="endDate" class="datepicker">
									<select name="endDateMonth" id="endDateMonth" class="yearmonth"><option
											value="201304" selected="selected">Apr</option>
										<option value="201305">May</option>
										<option value="201306">Jun</option>
										<option value="201307">Jul</option>
										<option value="201308">Aug</option>
										<option value="201309">Sep</option>
										<option value="201310">Oct</option>
										<option value="201311">Nov</option>
										<option value="201312">Dec</option>
										<option value="201401">Jan</option>
										<option value="201402">Feb</option>
										<option value="201403">Mar</option>
										<option value="201404">Apr-14</option></select> <input type="text"
										name="endDateInput" maxlength="2" size="2" value="25"
										id="endDateInput" class="day"> <!-- <a id="calendarIconEnd"
										href="#"><img alt="Calendar to pick car rental date"
										src="Images/ico_calendar.gif" /></a> <select name="endDateTime"
										id="endDateTime" class="time"><option value="0001">Midnight</option>
										<option value="0030">12:30 am</option>
										<option value="0100">1:00 am</option>
										<option value="0130">1:30 am</option>
										<option value="0200">2:00 am</option>
										<option value="0230">2:30 am</option>
										<option value="0300">3:00 am</option>
										<option value="0330">3:30 am</option>
										<option value="0400">4:00 am</option>
										<option value="0430">4:30 am</option>
										<option value="0500">5:00 am</option>
										<option value="0530">5:30 am</option>
										<option value="0600">6:00 am</option>
										<option value="0630">6:30 am</option>
										<option value="0700">7:00 am</option>
										<option value="0730">7:30 am</option>
										<option value="0800">8:00 am</option>
										<option value="0830">8:30 am</option>
										<option value="0900">9:00 am</option>
										<option value="0930">9:30 am</option>
										<option value="1000">10:00 am</option>
										<option value="1030">10:30 am</option>
										<option value="1100">11:00 am</option>
										<option value="1130">11:30 am</option>
										<option value="1200" selected="selected">Noon</option>
										<option value="1230">12:30 pm</option>
										<option value="1300">1:00 pm</option>
										<option value="1330">1:30 pm</option>
										<option value="1400">2:00 pm</option>
										<option value="1430">2:30 pm</option>
										<option value="1500">3:00 pm</option>
										<option value="1530">3:30 pm</option>
										<option value="1600">4:00 pm</option>
										<option value="1630">4:30 pm</option>
										<option value="1700">5:00 pm</option>
										<option value="1730">5:30 pm</option>
										<option value="1800">6:00 pm</option>
										<option value="1830">6:30 pm</option>
										<option value="1900">7:00 pm</option>
										<option value="1930">7:30 pm</option>
										<option value="2000">8:00 pm</option>
										<option value="2030">8:30 pm</option>
										<option value="2100">9:00 pm</option>
										<option value="2130">9:30 pm</option>
										<option value="2200">10:00 pm</option>
										<option value="2230">10:30 pm</option>
										<option value="2300">11:00 pm</option>
										<option value="2330">11:30 pm</option></select> -->
									<p id="calendarEndDate"></p>
								</fieldset>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table cellpadding="0" cellspacing="0" border="0" width="340">
						<tr>
							<td colspan="5" valign="top" align="left"></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table cellpadding="0" cellspacing="0" border="0">
						<!-- vehicle restricton -->
						<tr>
							<td colspan="2" class="inlineh2">&nbsp;
								<h2>Vehicle Class</h2> &nbsp;&nbsp;
							</td>
						</tr>
						<tr>							
							<td colspan="2" valign="top" align="left"><select
								name="carClassDrop"><option value="">Show me
										everything&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
									<option value="Truck">Truck</option>
									<option value="Compact">Compact</option>
									<option value="Intermediate">Intermediate</option>
									<option value="Standard">Standard</option>
									<option value="FullSize">Full Size</option>
									<option value="Premium">Premium</option>
									<option value="CargoVan">Cargo Van</option>
									<option value="SportUtility">Sport Utility</option>
									<option value="MiniVan">Mini Van</option>
							</select>
							</td>
						</tr>
							</table>
					</td>
					</tr>
					<tr>
					<td>
					<br></br>
					<table cellpadding="0" cellspacing="0" border="0">
										<tr>
											<td valign="middle" align="right"><label
												class="primaryAction right" for="search"><input
													type="submit" value="Search" id="search" name="search" href="AboutUs.html"></label>
											</td>
										</tr>
									</table>
					</td> 
					</tr>
					</form>
					</table>

</div><div class="clear">&nbsp;</div>
			</div>
			<div id="footer">
				<p>copyright protected KS Car Rental</p>
			</div>  
        
 </div>
 
</body>
</html>
